<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //解决异步的方法1.回调函数2.Promise函数3.async函数方法解决
        //回调函数:将函数作为一个参数传递给另一个函数
        let target="hello,world"
        // function fun(fn){
        //     setTimeout(() => {
        //         fn(target)                
        //     }, 500);
        // }
        // fun(()=>{
        //     console.log("我是回调函数")
        // })
            // fun((d)=>{
            //     console.log(target)
            // })
        function getData(){
            return new Promise((resolve)=>{
                setTimeout(() => {
                    resolve(target)
                }, 500);
            })
        }

        // let p =getData();
        // p.then((data)=>{
        //     console.log(data)
        // })
        async function fun(){
            let data1=await getData()
            console.log(data1)
            let data2=await getData()
            console.log(data2)
            let data3=await getData()
            console.log(data3)
        }
        fun()
    </script>
</body>
</html>